<template>
  <div class="row">
    <OneBlock v-for="i in rowIndex" :multiplicand="i" :multiplier="rowIndex"
      :key="`${rowIndex}-${i}`"></OneBlock>
  </div>
</template>

<script setup lang="ts">
import OneBlock from './OneBlock.vue'

defineProps({
  rowIndex: {
    type: Number,
    required: true,
    default: () => 1
  }
})
</script>

<style scoped>
.row {
  text-align: left;
  width: fit-content;
  margin-top: 10px;
  margin-bottom: 10px;
}
</style>